<!-- 面包屑 -->
<template>
  <el-col id="breadcrumb"
          :span="15">
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item>
        <span>您的位置：</span>
        <router-link class="alink"
                     :to="{ path: '/' }">
          麻花二手车
        </router-link>
      </el-breadcrumb-item>
      <el-breadcrumb-item>{{ curLocalName }}</el-breadcrumb-item>
    </el-breadcrumb>
  </el-col>
</template>

<script>
  export default {
    name: 'Breadcrumb',
    props: {
      curLocalName: {
        type: String,
        default: '',
      },
    },
    data() {
      return {
      };
    },
    methods: {},
  };

</script>
<style lang='scss'>
#breadcrumb {
  margin-bottom: .1rem;
  .el-breadcrumb {
    line-height: 3;
  }
  .el-breadcrumb__inner {
    color: #999;
    .alink:hover {
      color: #ff5400;      
    }
  }
}
</style>
